.upsell {
	display: flex;
	flex-direction: column;

	.card {
		width: 100%;
	}

	&__card-header,
	&__card-footer {
        width: 100%;
        text-align: center;
	}

	&__card-body {
		overflow: auto;
		flex: 1;
	}

	&__column-pane {
		display: flex;
		flex-flow: row;
	}

	&__column-content {
		padding-right: 10px;
		@include breakpoint-deprecated( '<480px' ) {
			padding-right: 0;
		}
    }

    &__section-title {
        font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
    }

	&__column-doodle {
		width: 120px;
		flex-shrink: 0;
		@include breakpoint-deprecated( '<480px' ) {
			display: none;
		}
	}

	&__doodle {
		margin-top: 85px;
	}

	&__small-header {
		font-style: italic;
		text-align: center;
	}

	&__header {
		font-size: 23px;
		font-weight: 700;
		text-align: center;
		line-height: 1.4;
		margin-top: 0.5em;
		margin-bottom: 1.4em;

		@include breakpoint-deprecated( '<660px' ) {
			font-size: $font-title-small;
		}
    }

	&__footer &__decline-offer-button {
		color: var( --color-primary );

		@include breakpoint-deprecated( '<480px' ) {
			width: 100%;
		}

		@include breakpoint-deprecated( '>480px' ) {
			float: left;
		}
	}

	&__footer &__accept-offer-button {
		@include breakpoint-deprecated( '<480px' ) {
			width: 100%;
			margin-top: 10px;
		}

		@include breakpoint-deprecated( '>480px' ) {
			float: right;
		}
	}
}
